<html>
	<head>
		<title>Editor</title>
		<script src="editor/editor.js"></script>
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>
	<body>
		<form action="bbcode.php" method="post" name="editform" onSubmit="return checkForm(this)">
			<table id="editform">
				<tr>
					<td colspan="2" id="header">Post a new message</td>
				</tr>
				<tr id="subject">
					<td>Subject:</td>
					<td><input type="text" name="subject" size="50" class="form_elements_text"/></td>
				</tr>
				<tr>
					<td rowspan="2" id="smilies">
						Smilies
						<a href="javascript:smilie(':)')">
						<img src="smilies/yellow/smile.gif" alt="smile" title="smile" /></a>
						<a href="javascript:smilie(':D')">
						<img src="smilies/yellow/biggrin.gif" alt="big grin" title="big grin"/></a>
						<a href="javascript:smilie(':p')">
						<img src="smilies/yellow/razz.gif" alt="razz" title="razz" /></a>
					</td>
					<td>
						<input type="button" class="button" value="bold" name="bold" onClick="javascript:tag('b', '[b]', 'bold*', '[/b]', 'bold', 'bold');" onMouseOver="helpline('bold')" />
						<input type="button" class="button" value="italic" name="italic" onClick="javascript:tag('i', '[i]', 'italic*', '[/i]', 'italic', 'italic');" onMouseOver="helpline('italic')" />
						<input type="button" class="button" value="underline" name="underline" onClick="javascript:tag('u', '[u]', 'underline*', '[/u]', 'underline', 'underline');" onMouseOver="helpline('underline')" />
						<input type="button" class="button" value="quote" name="quote" onClick="javascript:tag('q', '[quote]', 'quote*', '[/quote]', 'quote', 'quote');" onMouseOver="helpline('quote')" />
						<input type="button" class="button" value="code" name="code" onClick="javascript:tag('c', '[code]', 'code*', '[/code]', 'code', 'code');" onMouseOver="helpline('code')" />
						<input type="button" class="button" value="url" name="url" onClick="javascript:tag('url', '[url]', 'url*', '[/url]', 'url', 'url');" onMouseOver="helpline('url')" />
						<input type="button" class="button" value="img" name="img" onClick="javascript:tag('img', '[img]', 'img*', '[/img]', 'img', 'img');" onMouseOver="helpline('img')" />
						<br />
						Font size:
						<select name="fontsize" onChange="font('[size=' + this.form.fontsize.options[this.form.fontsize.selectedIndex].value + ']', '[/size]'); this.selectedIndex=2;" onMouseOver="helpline('fontsize')" class="form_elements_dropdown">
							<option value="50%" >Tiny</option>
							<option value="75%" >Small</option>
							<option value="100%" selected >Normal</option>
							<option value="150%" >Large</option>
							<option  value="200%" >Huge</option>
						</select>
						Font color:
						<select name="fontcolor" onChange="font('[color=' + this.form.fontcolor.options[this.form.fontcolor.selectedIndex].value + ']', '[/color]'); this.selectedIndex=0;" onMouseOver="helpline('fontcolor')" class="form_elements_dropdown"  >
							<option value="black" style="color:black">Black</option>
							<option value="silver" style="color:silver">Silver</option>
							<option value="gray" style="color:gray">Gray</option>
							<option value="maroon" style="color:maroon">Maroon</option>
							<option value="red" style="color:red">Red</option>                                                                                
							<option value="purple" style="color:purple">Purple</option>
							<option value="fuchsia" style="color:fuchsia">Fuchsia</option>
							<option value="navy" style="color:navy">Navy</option>
							<option value="blue" style="color:blue">Blue</option>
							<option value="aqua" style="color:aqua">Aqua</option>
							<option value="teal" style="color:teal">Teal</option>
							<option value="lime" style="color:lime">Lime</option>
							<option value="green" style="color:green">Green</option>
							<option value="olive" style="color:olive">Olive</option>
							<option value="yellow" style="color:yellow">Yellow</option>
							<option value="white" style="color:white">White</option>
						</select>
						<br />
						<input type="text" name="helpbox" size="75" class="helpbox" readonly="readonly"/>
					</td>
				</tr>
				<tr>
					<td>
						Post:<br />
						<textarea rows="10" cols="50" name="post" class="form_elements_text"></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" id="post">
						<input type="submit" name="Post" value="Post" class="button" />
						<input type="submit" name="preview" value="Preview" class="button"/>
						<input type="reset" value="Start over" class="button" onClick="javascript:confirm_reset();"/>
					</td>
				</tr>
			</table>
		</form>
	</head>
</html>